<template>
    <div>
         <right ref="f" :but1text="but1" :but1disable="but1d" @but1Click="but1Click">
            <p>我是夜班</p>
            <p>我是夜班</p>
            <p>我是夜班</p>
        </right>
    </div>
</template>
<script>
import right from '@/components/rightPoup/rightPoup.vue';
// 示例 总共有两个按钮 按钮2与按钮一用法一模一样。对应的属性值为but2text but2disable  but2Click
export default {
    name: 'demo-right-poup',
    data () {
        return {
            but1: '我是按钮一', // 按钮名
            but1d: false// 是否禁用（变灰）
        };
    },
    components: {right},
    methods: {
        poupShow () {
            this.$refs.f.show();// 显示弹窗
        },
        poupHide () {
            this.$refs.f.hide();// 隐藏弹窗
        },
        but1Click () {
            console.log('按钮1被点击了');
        }

    }
};
</script>
